.index {
  width: 380px;
  padding: 10px 30px;
  border: 1.5px solid rgba(5, 5, 5, 0.06);
  input {
    width: 300px;
    height: 32px;
    border: 1.5px solid rgba(5, 5, 5, 0.06);
    border-radius: 6px;
    margin-bottom: 20px;
    text-indent: 6px;
  }
  input:focus {
    outline: none;
    border: 1.5px solid rgb(16, 142, 233);
  }
  .priority {
    margin-left: -18px;
  }
  .btnAdd {
    display: flex;
    flex-direction: row-reverse;
    padding-right: 24px;
    button {
      width: 70px;
      height: 26px;
      background-color: rgb(16, 142, 233);
      color: #fff;
      border: none;
      border-radius: 4px;
    }
  }
  .list {
    width: 100%;
    padding: 10px 0 0 0;
    .listUl {
      display: flex;
      align-items: center;
      width: 356px;
      justify-content: space-between;
    }
    ul {
      padding: 0;
      list-style: none;
    }
    .divul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      li {
        height: 30px;
      }
      li:nth-child(2) {
        margin-left: -30px;
      }
      li:nth-child(3) {
        padding: 0 50px 0 0;
      }
      .color0 {
        color: red;
      }
      .color1 {
        color: blue;
      }
      .color2 {
        color: pink;
      }
    }
  }
}
